<template>
  <div class="header-container">
    <h1>Antd-Blog</h1>
    <NavigateMenu class="page-menu" />
    <SearchForm />
  </div>
</template>

<script setup>

import NavigateMenu from "./NavigateMenu.vue";
import SearchForm from "./SearchForm.vue";
</script>

<style scoped>
.page-menu {
  flex: 1;
  margin-left: 10px;
}

.search-bar {
  width: 260px;
}

.header-container {
  display: flex;
  align-items: center;
  width: 1200px;
}
</style>